<template>
  <div class="screen-container">
  <button  class="overlay-button" @click="router.push('/ai')" >AI小助手</button>
    <iframe 
    src="https://bootapi.jeecg.com/drag/share/view/1061904440002695168"
       frameborder="0"
      class="screen-iframe">
    </iframe>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
const router = useRouter();
</script>

<style scoped>
.screen-container {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.overlay-button {
  position: absolute;
  width: 120px;
  height: 40px;
  top: 20px; 
  left: 90%;
  transform: translateX(-50%);
  z-index: 999;
  background-color:#007aff;
  color: white;
  padding: 10px;
  border: none;
  cursor: pointer;
  font-size: 14px;
  border-radius: 5px;
}

.screen-iframe {
  width: 100%;
  height: 100%;
  border: none;
}
</style>
